page {
  background: #f0f0f2;
}
.check-box {
  width: 100%;
}
.check-box .checkInfo-box {
  width: 100%;
  height: 600rpx;
  position: relative;
}
.check-box .checkInfo-box .top {
  width: 100%;
  height: 260rpx;
  background: -webkit-linear-gradient(left, #FAD961, #FF782B);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #FAD961, #FF782B);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #FAD961, #FF782B);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #FAD961, #FF782B);
  /* 标准的语法 */
  color: #ffffff;
  font-size: 34rpx;
  text-align: center;
  font-family: PingFangSC-Regular;
  line-height: 200rpx;
}
.check-box .checkInfo-box .checkInfo {
  position: absolute;
  left: 100rpx;
  top: 160rpx;
  width: 546rpx;
  height: 400rpx;
  border-radius: 21px;
  background-color: #ffffff;
  border: 2px solid rgba(151, 151, 151, 0.23);
}
.check-box .checkInfo-box .checkInfo .check {
  width: 80%;
  margin: 26rpx auto;
}
.check-box .checkInfo-box .checkInfo .check .user {
  display: flex;
  align-items: center;
}
.check-box .checkInfo-box .checkInfo .check .user image {
  width: 40rpx;
  height: 40rpx;
}
.check-box .checkInfo-box .checkInfo .check .user span,
.check-box .checkInfo-box .checkInfo .check .user text,
.check-box .checkInfo-box .checkInfo .check .user label {
  color: #000000;
  font-size: 26rpx;
  text-align: left;
  font-family: PingFangSC-Regular;
}
.check-box .checkInfo-box .checkInfo .check .user span {
  margin-left: 26rpx;
}
.check-box .checkInfo-box .checkInfo .check .user text {
  width: 200rpx;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-left: 26rpx;
}
.check-box .checkInfo-box .checkInfo .check .user label {
  width: 148rpx;
}
.check-box .checkInfo-box .checkInfo .code {
  margin-top: 20rpx;
}
.check-box .checkInfo-box .checkInfo .qrcode-box {
  width: 100%;
  margin-top: 32rpx;
}
.check-box .checkInfo-box .checkInfo .qrcode-box .qrcode {
  width: 100%;
  height: 200rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
.check-box .checkInfo-box .checkInfo .qrcode-box .qrcode image {
  width: 172rpx;
  height: 172rpx;
}
